<template>
    <div class="app">
        <el-button type="success" class="go" @click="go">去官网</el-button>
      <span class="myback"><img src="https://buff.163.com/app/images/web-slogan.png" alt="" width="453px" height="148px"></span>
      <span class="cover"></span>
    <div class="download">
      <div class="load1"></div>
      <div class="load2"></div>
      <div class="back1"></div>
      <div class="back2"></div>
      <div class="back3"></div>
    </div>
    </div>
  </template>

  <script>
  export default {
    name: 'AppView',
    methods:{
        go(){
            this.$router.push('/index')
        }
    }
  }
  </script>
  <style>
  *{margin: 0;padding: 0;}
.app{
    width: 100vw;
    height: 100vh;
    position: relative;
    background: url(https://buff.163.com/app/images/web_backgroundpic.jpg);
    z-index: 1;
    max-width: 100%;
}
.myback{
    position: absolute;
    top: 120px;
    left: 120px;
}
.cover{
    background: url(https://buff.163.com/app/images/web_pic_screenshot.png)no-repeat;
    width: 757px;
    height: 670px;
    position: absolute;
    right: 100px;
    top: 80px;
    background-size: contain;
}
.download{
    position: absolute;
    color: #999;
    text-decoration: none;
    top: 300px;
    left: 120px;
    height: 347px;
    width: 450px;
}
.load1{
    width: 200px;
    height: 100px;
    background: url(https://buff.163.com/app/images/web_btn_mainland_android.png)no-repeat;
    background-size: contain!important;
    display: inline-block;
    margin-right: 30px
}
.load2{
    width: 200px;
    height: 100px;
    background: url(https://buff.163.com/app/images/web_btn_mainland_ios.png)no-repeat;
    background-size: contain!important;
    display: inline-block
}
.back1{
    width: 200px;
    height: 100px;
    background: url(https://buff.163.com/app/images/web_btn_OutOfMainland_googlePlay.png)no-repeat;
    background-size: contain!important;
    display: inline-block;
    margin-right: 30px
}
.back2{
    width: 200px;
    height: 100px;
    background: url(https://buff.163.com/app/images/web_btn_OutOfMainland_ios.png)no-repeat;
    background-size: contain!important;
    display: inline-block
}
.back3{
    width: 200px;
    height: 100px;
    background: url(https://buff.163.com/app/images/web_pic_qcode.png)no-repeat;
    background-size: contain!important;
    position: relative;
    left: 10px;
}
.go{
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
}
</style>
  